

// import styles from './style.less';

import React from 'react';
import {getMenuListUsingPOST} from '@/services/portal/menuApi';
import ProTable, { ProColumns } from '@ant-design/pro-table';
import { PageContainer } from '@ant-design/pro-layout';



const TableList: React.FC = () => {
//   // /** 新建窗口的弹窗 */
//   // const [createModalVisible, handleModalVisible] = useState<boolean>(false);
//   // /** 分布更新窗口的弹窗 */

//   // const [updateModalVisible, handleUpdateModalVisible] = useState<boolean>(false);
//   // const [showDetail, setShowDetail] = useState<boolean>(false);
//   // const actionRef = useRef<ActionType>();
//   // const [currentRow, setCurrentRow] = useState<TableListItem>();
//   // const [selectedRowsState, setSelectedRows] = useState<TableListItem[]>([]);
//   /** 国际化配置 */

  
const columns: ProColumns<API.SysMenuItem>[] = [
  {
    title: 'id',
    dataIndex: 'id',
    hideInTable: true,
    hideInSearch: true,
  },
  {
    title: 'id',
    dataIndex: 'parentId',
    hideInTable: true,
    hideInSearch: true,
  },
  {
    title: '名称',
    dataIndex: 'name',
    tip: '名称',
  },
  {
    title: '路径',
    dataIndex: 'path',
    valueType: 'text',
    hideInForm: true,
  },
  {
    title: '图标',
    dataIndex: 'icon',
    hideInSearch: true,
  },
  {
    title: '权限标识',
    dataIndex: 'perms',
    hideInSearch: true,
  },
  {
    title: '显示顺序',
    dataIndex: 'sortNum',
    hideInSearch: true,
  },
  {
    title: '备注',
    dataIndex: 'remark',
    hideInSearch: true,
  },
  {
    title: '创建时间',
    dataIndex: 'createTime',
    hideInSearch: true,
  },
];


  return (
    <PageContainer>
      <ProTable<API.SysMenuItem> request={getMenuListUsingPOST} columns={columns} rowKey="id" />;
    </PageContainer>
  );
};

export default TableList;